<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>试用产品最终页（往期试用）</title>
<link rel="stylesheet" href="http://css.self.com.cn/self/www/css/reset.css" />
<link rel="stylesheet" href="http://css.self.com.cn/self/www/css/global.css" />
<link rel="stylesheet" href="../css/common.css" />
<link rel="stylesheet" href="../css/trial.css" />
<script src='http://js.self.com.cn/jquery/jquery-1.7.1.min.js'></script>
<script src='http://js.self.com.cn/self/www/js/common.js'></script>
<script src="../js/jquery.idTabs.min.js.js" type="text/javascript"></script>
</head>

<body>
<div class="wrapper">
  <div class="inner-wrapper"> 
    <!--页头-->
    <div class="header">
      <div class="ad-header"> <img src="../images/temp/1000x120.jpg" alt="" /> </div>
      <div class="mini-nav"> <a href="http://www.self.com.cn/" target="_blank" class="logo" ><img src="http://css.selfimg.com.cn/self/www/images/selfview-logo.png"/></a>
        <ul>
          <li><a href="http://www.self.com.cn/">首页</a></li>
          <li><a href="http://beauty.self.com.cn/">美容护肤</a></li>
          <li><a class="nav_curr" href="http://fashion.self.com.cn/">潮流穿搭</a></li>
          <li><a href="http://women.self.com.cn/">成长</a></li>
          <li><a href="http://relation.self.com.cn/">男女</a></li>
          <li><a href="http://health.self.com.cn/">健康</a></li>
          <li><a href="http://life.self.com.cn/">乐活</a></li>
          <li><a href="http://entertainment.self.com.cn/">人物</a></li>
          <li><a href="http://bbs.self.com.cn/" target="_blank">论坛</a></li>
          <li class="last"><a href="http://www.self.com.cn/feature/">专题</a></li>
          <li class="last"><a href="http://www.self.com.cn/magazine/" target="_blank">悦己杂志</a></li>
        </ul>
        <div class="topinfo">
          <p id="top-login-info" class="login-info"><a id="top-login-btn" href="javascript:void(0)" >登录</a>-<a href="http://bbs.self.com.cn/member.php?mod=register" target="_blank">注册</a></p>
        </div>
      </div>
    </div>
    <!--end 页头--> 
    
    <!--内容-->
    <div class="section clearfix">
      <div class="big_nav">
        <div class="top_list">
          <ul class="clearfix">
            <li><a href="#">化妆品库首页<i class="arr_down"></i></a></li>
            <li><a href="#">产品大全<i class="arr_down"></i></a></li>
            <li><a href="#">品牌库<i class="arr_down"></i></a></li>
            <li><a href="#">心得分享<i class="arr_down"></i></a></li>
            <li class="cur"><a href="#">试用中心<i class="arr_down"></i></a></li>
            <li><a href="#">排行榜<i class="arr_down"></i></a></li>
          </ul>
        </div>
        <div class="secondary clearfix">
          <ul class="secondary_list">
            <li><a href="#">正在试用</a></li>
            <li><a href="#">提交报告</a></li>
            <li class="cur"><a href="#">往期试用</a></li>
            <li><a href="#">试用报告</a></li>
            <li><a href="#">攻略帮助</a></li>
          </ul>
          <p class="float-r"><span>目前共有：<em>3,000</em>件试用商品</span><span><em>999</em>人申请</span></p>
        </div>
      </div>
      <div class="module-crumbs"> 您所在的位置：<a href="#">试用中心</a><span>&gt;</span><a href="#">往期试用</a><span>&gt;</span>悦木之源白毫银针护肤优惠套餐 </div>
      <div class="banner"><img src="../images/temp/1000x120.jpg" alt=""></div>
      <div class="M_wrap"> 
        <!--正在试用列表-->
        <div class="list_wrap_noborder"> 
          <!--.commodity-->
          <div class="commodity clearfix">
            <div class="left">
              <div class="commodity_img"><img src="../images/temp/temp_220x220_1.png" width="220" height="220"></div>
              <p>分享:</p>
              <i class="corner_mark_3"></i> </div>
            <div class="content">
              <h3 class="h3_title"><a href="#">【雅思兰黛】细嫩修护精华露</a></h3>
              <div class="info_cover"><i class="arrow"></i>
                <div class="inner">
                  <ul class="info_list_1 info_list_2">
                    <li class="first">
                      <p>试用数</p>
                      <p><span class="num">15</span><span class="unit">份</span></p>
                    </li>
                    <li>
                      <p>报告数</p>
                      <p><span class="num">15</span><span class="unit">人</span></p>
                    </li>
                    <li>
                      <p>申请数</p>
                      <p><span class="num">15</span><span class="unit">人</span></p>
                    </li>
                    <li class="last">
                      <p>人气</p>
                      <p><span class="num">6000</span></p>
                    </li>
                  </ul>
                </div>
              </div>
              <p class="time"><i class="icon_time"></i>试用申请结束时2012/08/16 - 2012/12/20 （已结束）</p>
              <ul class="info_list">
                <li class="list_w1">所属分类：<a href="#">护肤品</a></li>
                <li class="list_w2">所属品牌：<a href="#">SEKKISEI SUPREME高丝 雪肌精纯怡</a></li>
                <li class="list_w1">参考价格：650RMB</li>
                <li class="list_w2">规格：试用三件套</li>
              </ul>
              <i class="icon_spread"></i> </div>
          </div>
          <!--.commodity--> 
        </div>
        <!--/正在试用列表--> 

        
         
        <div id="tab-s3-wrap" class="module-manifesto-list"> <b class="lines-s4"></b>
          <div class="box-shadow-con"> 
            <!-- .tab-s3 -->
            <div class="tab-s3 idTabs">
              <ul class="clearfix">
                <li><a href="#Tab-5">试用流程</a></li>
                <li><a href="#Tab-6">活动规则</a></li>
                <li><a href="#Tab-7">产品说明</a></li>
              </ul>
              <b class="Tri-top"><i></i></b> </div>
            <!-- /.tab-s3 -->
            
            <!--试用流程-->
            <div class="flow_charts hide" id="Tab-5" node-type="tab-s3-contents">
              <div class="inner">
                <ul>
                  <li class="cur">
                    <p class="step">1</p>
                    <p class="con"><a href="#">注册</a>/<a href="#">登录</a>成为悦己试用<br>
                      中心会员并完善资料</p>
                  </li>
                  <li>
                    <p class="step">2</p>
                    <p class="con">提交试用申请宣言<br>
                      等待管理员审核</p>
                  </li>
                  <li>
                    <p class="step">3</p>
                    <p class="con">申请成功后，在规定<br>
                      时间内提交试用报告</p>
                  </li>
                </ul>
              </div>
            </div>
            <!--/试用流程-->
            
            
            
            <!--活动规则-->
            <div class="rule_box hide" id="Tab-6" node-type="tab-s3-contents" >
              <p><em>活动时间</em>10月19日至11月25日</p>
              <p><em>申请时间</em>10月19日至11月25日</p>
              <p>在11月2日至11月3日期间。我们会从所有申请的网友中抽选出50名给予试用资格。</p>
              <p class="important">温馨提示：请确保联系方式正确无误，若资料不齐全，将取消获奖资格，尽请谅解！</p>
              <p><em>快递时间</em>10月19日至11月25日</p>
              <p><em>试用和提交心得时间</em>10月19日至11月25日</p>
              <p>在11月5日之前回来本试用页面提交试用心得。试用心得内容需包括：</p>
              <p>A、对产品的包装，外观等进行点评</p>
              <p>B、产品试用心得</p>
              <p>C、产品照片</p>
            </div>
            <!--/活动规则--> 
            
            
            <!--产品说明-->
            <div class="moudle_box3 hide" id="Tab-7" node-type="tab-s3-contents" >
<div class="roll_product "> <a href="" class="box_prev"></a> <a href="" class="box_next"></a>
            <div class="infos-wrap" style="opacity: 1; z-index: 2;">
                  <div class="fl"><a href=""><img src="../images/temp/temp_220x220_1.png" alt=""></a></div>
                  <div class="cont"> <strong><a href="">品牌品牌品牌品牌品牌品牌品牌11111</a></strong>
                <p><em>产品功效：</em><a href="">美白</a>、<a href="">保湿</a>、<a href="">补水</a>、<a href="">面部保养</a></p>
                <p><em>所属分类：</em><a href="">乳霜</a></p>
                <p><em>参考价格：</em>420.00RMB</p>
                <p class="short_info"><em>产品介绍：</em>提高细胞抗氧化力：白毫银针茶（White Tea Extract）多酚：有效中和因阳光紫外线、环境污染及情绪压力造成的自由基，压制游离子进行氧化、肌肤老化及缺水等一切引致肌肤衰老的活动，使肌肤免于伤害，提高细胞防御能力一切引致肌肤衰老的活动，使肌肤免于伤害，提高细胞防御…<span class="link">[<a href="">更多</a>]</span></p>
                <p class="long_info"><em>产品介绍：</em>提高细胞抗氧化力：白毫银针茶（White Tea Extract）多酚：有效中和因阳光紫外线、环境污染及情绪压力造成的自由基，压制游离子进行氧化、肌肤老化及缺水等一切引致肌肤衰老的活动，使肌肤免于伤害，提高细胞防御能力一切引致肌肤衰老的活动，使肌肤免于伤害，提细胞抗氧化力：白毫银针茶（White Tea Extract）多酚：有效中和因阳光紫外线、环境污染及情绪压力造成的自由基，压制游离子进行氧化、肌肤老化及缺水等一切引致肌肤衰老的活动，使肌肤免于伤害，提高细胞防御能力一切引致肌肤衰老的活动，使肌肤免于伤害，提高细胞防御…<span class="link">[<a href="">收起</a>]</span></p>
              </div>
            </div>
            <div class="infos-wrap" style="opacity: 0; z-index: 1;">
                  <div class="fl"><a href=""><img src="../images/temp/temp_220x220_1.png" alt=""></a></div>
                  <div class="cont"> <strong><a href="">品牌品牌品牌品牌品牌品牌品牌22222</a></strong>
                <p><em>产品功效：</em><a href="">美白</a>、<a href="">保湿</a>、<a href="">补水</a>、<a href="">面部保养</a></p>
                <p><em>所属分类：</em><a href="">乳霜</a></p>
                <p><em>参考价格：</em>420.00RMB</p>
                <p class="short_info"><em>产品介绍：</em>提高细胞抗氧化力：白毫银针茶（White Tea Extract）多酚：有效中和因阳光紫外线、环境污染及情绪压力造成的自由基，压制游离子进行氧化、肌肤老化及缺水等一切引致肌肤衰老的活动，使肌肤免于伤害，提高细胞防御能力一切引致肌肤衰老的活动，使肌肤免于伤害，提高细胞防御…<span class="link">[<a href="">更多</a>]</span></p>
                <p class="long_info"><em>产品介绍：</em>提高细胞抗氧化力：白毫银针茶（White Tea Extract）多酚：有效中和因阳光紫外线、环境污染及情绪压力造成的自由基，压制游离子进行氧化、肌肤老化及缺水等一切引致肌肤衰老的活动，使肌肤免于伤害，提高细胞防御能力一切引致肌肤衰老的活动，使肌肤免于伤害，提细胞抗氧化力：白毫银针茶（White Tea Extract）多酚：有效中和因阳光紫外线、环境污染及情绪压力造成的自由基，压制游离子进行氧化、肌肤老化及缺水等一切引致肌肤衰老的活动，使肌肤免于伤害，提高细胞防御能力一切引致肌肤衰老的活动，使肌肤免于伤害，提高细胞防御…<span class="link">[<a href="">收起</a>]</span></p>
              </div>

                </div>
          </div> 
                 <p class="text"> 亲爱的,你没有说你皮肤的状况诶,我真的很难给你意见,你现在的皮肤会比较容易过敏么???有没有毛孔啊,豆豆啊,豆疤啊什么样的问题,我只能建议你这两个月早睡早起.这样人比较精神,什么黑眼圈啊什么的都不会有,皮肤状态会比较好,饮食要注意,科学合理.少吃刺激的,多吃些有益美容的,多喝水,绿茶啊,玫瑰花茶啊什么的,从内而外.护肤品你可以用些比较温和安全无刺激的,薇姿啊雅漾啊什么.你可以去专柜问问.. </p>
                  <img src="../images/temp/temp_ad1.jpg" width="600" height="300">
                  <p class="text"> 难给你意见,你现在的皮肤会比较容易过敏么???有没有毛孔啊,豆豆啊,豆疤啊什么样的问题,我只能建议你这两个月早睡早起.这样人比较精神,什么黑眼圈啊什么的都不会有,多喝水,绿茶啊,玫瑰花茶啊什么的,从内而外问问.. </p>
        </div>
            <!--/产品说明-->
            
          </div>
          <!-- .box-shadow-bot -->
          <div class="box-shadow-bot clearfix"></div>
          <!-- /.box-shadow-bot --> 
        </div>

        

       
       
        

        
        
        
        
        
        
        <!--分析报告-->
        <div class="module-analyse-details"> 
          <!-- .titles-s2 -->
          <div class="titles-s2">
            <div class="t-top"></div>
            <div class="t-con">
              <h2>分析报告</h2>
              <strong>Report</strong></div>
            <b class="Tri-top-right"></b> <b class="Tri-top-left"></b> </div>
          <!-- /.titles-s2 --> 
          
          <!-- .box-shadow-con -->
          <div class="box-shadow-con">
            <div class="float-l">
              <div class="data-columns data-columns2">
                <h3>总体评价</h3>
                <div class="thermometer"> <span class="scale"><span style="width:60%;" class="inner"></span></span> <span class="num">6<b>.5<i>分</i></b></span> </div>
                <h4>热评功效榜</h4>
                <div class="tab-wrap"> <span class="span-1" data-value="美白" style="background:#E4007F; height:70%;" title="70%"><em></em></span> <span class="span-2"  data-value="美白2" style="background:#AE0061; height:100%;" title="100%"><em></em></span> <span class="span-3"  data-value="美白3" style="background:#FFB1DC; height:50%;" title="50%"><em></em></span>
                  <div class="type-list-title"> <b>TOP1</b> <b>TOP2</b> <b>TOP3</b> </div>
                </div>
                <div class="type-list">
                  <p><i style="background:#E4007F;"></i>美白</p>
                  <p><i style="background:#AE0061;"></i>控油</p>
                  <p><i style="background:#FFB1DC;"></i>保湿</p>
                </div>
              </div>
              <div class="data-pies">
                <h4>热评功效分布图</h4>
                <div id="chart_div"></div>
              </div>
            </div>
            <div class="float-l left_bd">
              <div class="data-columns">
                <h3>网友肤质分布</h3>
                <dl class="clearfix" id="skin-column">
                  <dt>
                    <ul>
                      <li>干性</li>
                      <li>油性</li>
                      <li>中性</li>
                      <li>敏感性</li>
                      <li>混合性</li>
                    </ul>
                  </dt>
                  <dd>
                    <ul>
                      <li style="background:#00A0E9; width:30%;" title="30%" data-value="30%"><p></p></li>
                      <li style="background:#90DCFF; width:70%;" title="70%" data-value="70%"><p></p></li>
                      <li style="background:#006492; width:50%;" title="50%" data-value="50%"><p></p></li>
                      <li style="background:#8CAFBF; width:80%;" title="80%" data-value="80%"><p></p></li>
                      <li style="background:#00A0B8; width:40%;" title="40%" data-value="40%"><p></p></li>
                    </ul>
                  </dd>
                </dl>
              </div>
              <div class="data-columns">
                <h3>网友年龄分布</h3>
                <dl class="clearfix">
                  <dt>
                    <ul>
                      <li>20岁以下</li>
                      <li>20-25岁</li>
                      <li>26-30岁</li>
                      <li>31-35岁</li>
                      <li>36岁以上</li>
                    </ul>
                  </dt>
                  <dd>
                    <ul>
                      <li style="background:#ED6D00; width:30%;" title="30%"></li>
                      <li style="background:#FFB97E; width:70%;" title="70%"></li>
                      <li style="background:#C66B00; width:50%;" title="50%"></li>
                      <li style="background:#F6AB00; width:80%;" title="80%"></li>
                      <li style="background:#EA7A66; width:40%;" title="740%"></li>
                    </ul>
                  </dd>
                </dl>
              </div>
            </div>
          </div>
          <!-- /.box-shadow-con --> 
          <!-- .box-shadow-bot -->
          <div class="box-shadow-bot"></div>
          <!-- /.box-shadow-bot --> 
        </div>
        <!--/分析报告--> 
        <!--已申请用户-->
        <div class="module-username-list" > 
          <!-- .tabs_s1 -->
          <div class="tabs-s1 idTabs">
            <ul class="clearfix">
              <li class="cur"><b class="Tri-dow"></b><a href="#Tab-1">申请成功用户</a></li>
              <li><b class="Tri-dow"></b><a href="#Tab-2">已申请用户</a></li>
            </ul>
          </div>
          
          <!-- /.tabs_s1 --> 
          
          <!-- .tabs-content -->
          <div class="tabs-content" id="Tab-1">
            <ul class="clearfix">
              <li><a href="#">黑白交织╮</a></li>
              <li><a href="#">￣不再死心塌地</a></li>
              <li><a href="#">我路过的风景ヽ</a></li>
              <li><a href="">PeterTom</a></li>
              <li><a href="">JackJornEllen</a></li>
              <li><a href="">Berry.</a></li>
              <li><a href="#">那么纯粹┃</a></li>
              <li><a href="#">___夏 、末。</a></li>
              <li><a href="#">泪染伊人伤つ</a></li>
              <li><a href="#">独奏┐</a></li>
              <li><a href="">Jerry</a></li>
              <li><a href="">Mike</a></li>
              <li><a href="#">抓不住你的倔强つ</a></li>
              <li><a href="#">ノ云烟、雨巷</a></li>
              <li><a href="#">曼佗罗婆娑</a></li>
              <li><a href="#">￣不再死心塌地</a></li>
              <li><a href="#">我路过的风景ヽ</a></li>
              <li><a href="">PeterTom</a></li>
              <li><a href="">JackJornEllen</a></li>
              <li><a href="">Berry.</a></li>
              <li><a href="#">那么纯粹┃</a></li>
              <li><a href="#">___夏 、末。</a></li>
              <li><a href="#">泪染伊人伤つ</a></li>
              <li><a href="#">独奏┐</a></li>
              <li><a href="">Jerry</a></li>
              <li><a href="#">淡淡的青春</a></li>
              <li><a href="#">回不去的回忆、</a></li>
              <li><a href="#">花村美人※</a></li>
              <li><a href="#">安徒生不后悔</a></li>
              <li><a href="#">￣不再死心塌地</a></li>
              <li><a href="#">我路过的风景ヽ</a></li>
              <li><a href="">PeterTom</a></li>
              <li><a href="">JackJornEllen</a></li>
              <li><a href="">Berry.</a></li>
              <li><a href="#">那么纯粹┃</a></li>
              <li><a href="#">___夏 、末。</a></li>
              <li><a href="#">泪染伊人伤つ</a></li>
              <li><a href="#">独奏┐</a></li>
              <li><a href="">Jerry</a></li>
              <li><a href="#">一生爱°</a></li>
              <li><a href="#">最后的决绝ゝ</a></li>
              <li><a href="#">夜场妩媚</a></li>
              <li><a href="#">〃 败家孩子.</a></li>
              <li><a href="#">× 渲染了。</a></li>
              <li><a href="#">诺夏夕阳、</a></li>
              <li><a href="#">╭ 唯美落幕</a></li>
              <li><a href="#">何处染尘埃。</a></li>
              <li><a href="#">￣不再死心塌地</a></li>
              <li><a href="#">我路过的风景ヽ</a></li>
              <li><a href="">PeterTom</a></li>
              <li><a href="">JackJornEllen</a></li>
              <li><a href="">Berry.</a></li>
              <li><a href="#">那么纯粹┃</a></li>
              <li><a href="#">___夏 、末。</a></li>
              <li><a href="#">泪染伊人伤つ</a></li>
              <li><a href="#">独奏┐</a></li>
              <li><a href="">Jerry</a></li>
            </ul>
          </div>
          <!-- /.tabs-content --> 
          
          <!-- .tabs-content -->
          <div class="tabs-content" id="Tab-2">
            <table>
              <thead>
                <tr>
                    <td width="245"></td>
                    <td></td>
                    <td></td>
                    <td width="180"></td>
                </tr>
              </thead>
              <tbody>
                <tr>
                  <td><i class="icon_male"></i><a href="#">fuckme001fuc</a></td>
                  <td>肤质：混合型</td>
                  <td>年龄：21岁</td>
                  <td>申请时间：2012-11-21 00:13:45</td>
                </tr>
                <tr>
                  <td><i class="icon_female"></i><a href="#">xnlpknntg</a></td>
                  <td>肤质：油脂型</td>
                  <td>年龄：21岁</td>
                  <td>申请时间：2012-11-21 00:13:45</td>
                </tr>
                <tr>
                  <td><i class="icon_male"></i><a href="#">fuckme001fuc</a></td>
                  <td>肤质：混合型</td>
                  <td>年龄：21岁</td>
                  <td>申请时间：2012-11-21 00:13:45</td>
                </tr>
                <tr>
                  <td><i class="icon_female"></i><a href="#">xnlpknntg</a></td>
                  <td>肤质：油脂型</td>
                  <td>年龄：21岁</td>
                  <td>申请时间：2012-11-21 00:13:45</td>
                </tr>
                <tr>
                  <td><i class="icon_male"></i><a href="#">fuckme001fuc</a></td>
                  <td>肤质：混合型</td>
                  <td>年龄：21岁</td>
                  <td>申请时间：2012-11-21 00:13:45</td>
                </tr>
                <tr>
                  <td><i class="icon_female"></i><a href="#">xnlpknntg</a></td>
                  <td>肤质：油脂型</td>
                  <td>年龄：21岁</td>
                  <td>申请时间：2012-11-21 00:13:45</td>
                </tr>
                <tr>
                  <td><i class="icon_male"></i><a href="#">fuckme001fuc</a></td>
                  <td>肤质：混合型</td>
                  <td>年龄：21岁</td>
                  <td>申请时间：2012-11-21 00:13:45</td>
                </tr>
                <tr>
                  <td><i class="icon_female"></i><a href="#">xnlpknntg</a></td>
                  <td>肤质：油脂型</td>
                  <td>年龄：21岁</td>
                  <td>申请时间：2012-11-21 00:13:45</td>
                </tr>
                
              </tbody>
            </table>
            <!--page2-->
            <div class="ui-page"> <span class="ui-page-item ui-page-first">首页</span> <a href="" class="ui-page-item ui-page-prev">上一页</a> <a href="" class="ui-page-item ui-page-current">1</a> <a href="" class="ui-page-item">2</a> <a href="" class="ui-page-item">3</a> <a href="" class="ui-page-item">4</a> <a href="" class="ui-page-item">5</a> <a href="" class="ui-page-item">6</a> <span class="ui-page-break">…</span> <a href="" class="ui-page-item">7</a> <a href="" class="ui-page-item">8</a> <a href="" class="ui-page-item ui-page-next">下一页</a> <span class="ui-page-item ui-page-last">末页</span> </div>
            <!--page2--> 
          </div>
          <!-- /.tabs-content --> 
        </div>
        <!--已申请用户--> 
        <!--试用报告-->
        <div class="module-manifesto-list module-manifesto-list2"> 
          <!-- .tabs_s2 -->
          <div class="tabs-s2">
            <ul class="clearfix idTabs">
              <li class="cur"><b class="tabs-shadow"></b><a href="#Tab-3">试用报告</a></li>
              <li><b class="tabs-shadow"></b><a href="#Tab-4">申请宣言</a></li>
            </ul>
          </div>
          <!-- /.tabs_s2 --> 
          
          <!-- .box-shadow-con -->
          <div class="box-shadow-con" id="Tab-3">
            <!---->
            <!---->
            
            <div class="manifesto-list2-bg-top mt22"></div>
             
            <div class="manifesto-list2-bg-con">           
            <ul class="manifesto-list2 clearfix">
            
            
            	<li>
                <img src="../images/temp/temp_220x220_1.png" width="220" height="220" />
                <h3 class="titles"><a href="#">渗透迅速，强化搞氧的清润面霜</a></h3>
                
                <p class="user-infos"><span><a href="#">夏日香气香气</a></span><span>肤质：综合性</span><span>年龄：21岁</span></p>
                
                <dl class="info-wrap clearfix">
                  <dt class="float-l marginT10">总体得分：</dt>
                  <dd>
                    <!-- .thermometer -->
                    <div class="thermometer">
                      <span class="scale"><span class="inner" style="width:60%;"></span></span>
                      <span class="num">6<b>.5<i>分</i></b></span>
                    </div>
                    <!-- /.thermometer -->
                  </dd>
                </dl>
                <div class="text">
                <p class="short_info">
                难给你意见,我只能建议你这两个月早睡早起.这样人问..<a href="#">[更多]</a>
                </p>
                <p class="long_info">
                难给你意见,我只能建议你这两个月早睡早起.这样人比较精神,什么黑眼圈啊什么的都不会有,绿茶啊,玫瑰花茶啊什么的,从内而外问问..<a href="#">[收起]</a>
                </p>
                </div>
              </li>
              
              
              <li class="rihgt-w">
                <img src="../images/temp/temp_220x220_1.png" width="220" height="220" />
                <h3 class="titles"><a href="#">渗透迅速，强化搞氧的清润面霜</a></h3>
                
                <p class="user-infos"><span><a href="#">夏日香气香气</a></span><span>肤质：综合性</span><span>年龄：21岁</span></p>
                
                <dl class="info-wrap clearfix">
                  <dt class="float-l marginT10">总体得分：</dt>
                  <dd>
                    <!-- .thermometer -->
                    <div class="thermometer">
                      <span class="scale"><span class="inner" style="width:60%;"></span></span>
                      <span class="num">6<b>.5<i>分</i></b></span>
                    </div>
                    <!-- /.thermometer -->
                  </dd>
                </dl>
                
                <div class="text">
                <p class="short_info">
                难给你意见,我只能建议你这两个月早睡早起.这样人问..<a href="#">[更多]</a>
                </p>
                <p class="long_info">
                难给你意见,我只能建议你这两个月早睡早起.这样人比较精神,什么黑眼圈啊什么的都不会有,绿茶啊,玫瑰花茶啊什么的,从内而外问问..<a href="#">[收起]</a>
                </p>
                </div>
              </li>
              
              
              </ul>
              </div>
              <div class="manifesto-list2-bg-bot"></div>
            <!---->
            <div class="manifesto-list2-bg-top"></div>
             
            <div class="manifesto-list2-bg-con">           
            <ul class="manifesto-list2 clearfix">
            
            
            	<li>
                <img src="../images/temp/temp_220x220_1.png" width="220" height="220" />
                <h3 class="titles"><a href="#">渗透迅速，强化搞氧的清润面霜</a></h3>
                
                <p class="user-infos"><span><a href="#">夏日香气香气</a></span><span>肤质：综合性</span><span>年龄：21岁</span></p>
                
                <dl class="info-wrap clearfix">
                  <dt class="float-l marginT10">总体得分：</dt>
                  <dd>
                    <!-- .thermometer -->
                    <div class="thermometer">
                      <span class="scale"><span class="inner" style="width:60%;"></span></span>
                      <span class="num">6<b>.5<i>分</i></b></span>
                    </div>
                    <!-- /.thermometer -->
                  </dd>
                </dl>
                <div class="text">
                <p class="short_info">
                难给你意见,我只能建议你这两个月早睡早起.这样人问..<a href="#">[更多]</a>
                </p>
                <p class="long_info">
                难给你意见,我只能建议你这两个月早睡早起.这样人比较精神,什么黑眼圈啊什么的都不会有,绿茶啊,玫瑰花茶啊什么的,从内而外问问..<a href="#">[收起]</a>
                </p>
                </div>
              </li>
              
              
              <li class="rihgt-w">
                <img src="../images/temp/temp_220x220_1.png" width="220" height="220" />
                <h3 class="titles"><a href="#">渗透迅速，强化搞氧的清润面霜</a></h3>
                
                <p class="user-infos"><span><a href="#">夏日香气香气</a></span><span>肤质：综合性</span><span>年龄：21岁</span></p>
                
                <dl class="info-wrap clearfix">
                  <dt class="float-l marginT10">总体得分：</dt>
                  <dd>
                    <!-- .thermometer -->
                    <div class="thermometer">
                      <span class="scale"><span class="inner" style="width:60%;"></span></span>
                      <span class="num">6<b>.5<i>分</i></b></span>
                    </div>
                    <!-- /.thermometer -->
                  </dd>
                </dl>
                
                <div class="text">
                <p class="short_info">
                难给你意见,我只能建议你这两个月早睡早起.这样人问..<a href="#">[更多]</a>
                </p>
                <p class="long_info">
                难给你意见,我只能建议你这两个月早睡早起.这样人比较精神,什么黑眼圈啊什么的都不会有,绿茶啊,玫瑰花茶啊什么的,从内而外问问..<a href="#">[收起]</a>
                </p>
                </div>
              </li>
              
              
              </ul>
              </div>
              <div class="manifesto-list2-bg-bot"></div>
            <!---->
            <!---->
            <div class="btn-wrap-r"> <a href="#" class="list-btn-a">查看更多报告</a> </div>
          </div>
          <!-- /.box-shadow-con --> 
          
          <!-- .box-shadow-con -->
          <div class="box-shadow-con" id="Tab-4" style="padding: 0 14px 4px 24px;
width: 650px;">
            <ul class="manifesto-list">
              <li class="clearfix"> <a href="#"><img class="heads" src="../images/temp/temp_60x60.png" width="60" height="60" /></a> 
                <!-- .papaws -->
                <div class="papaws">
                  <div class="papaws-top"></div>
                  <div class="papaws-con">
                    <table >
                      <thead>
                        <tr>
                          <td width="100"><a href="#">夏日么么茶</a></td>
                          <td>肤质：混合型</td>
                          <td>年龄：21岁</td>
                          <td width="135">2012-11-21 00:13:45</td>
                        </tr>
                      </thead>
                      <tbody>
                        <tr>
                          <td colspan="4"><p class="text"> 亲爱的,你没有说你皮肤的状况诶,我真的很难给你意见,你现在的皮肤会比较容易过敏么???有没有毛孔啊,豆豆啊,豆疤啊什么样的问题,我只能建议你这两个月早睡早起.这样人比较精神,什么黑眼圈啊什么的都不会有,皮肤状态会比较好,饮食要注意,科学合理.少吃刺激的,多吃些有益美容的,多喝水,绿茶啊,玫瑰花茶啊什么的,从内而外.护肤品你可以用些比较温和安全无刺激的,薇姿啊雅漾啊什么.你可以去专柜问问.. </p></td>
                        </tr>
                      </tbody>
                    </table>
                  </div>
                  <div class="papaws-bot"></div>
                  <b class="papaws-arr"></b> </div>
                <!-- /.papaws --> 
              </li>
              <li class="clearfix"> <a href="#"><img class="heads" src="../images/temp/temp_60x60.png" width="60" height="60" /></a> 
                <!-- .papaws -->
                <div class="papaws">
                  <div class="papaws-top"></div>
                  <div class="papaws-con">
                    <table >
                      <thead>
                        <tr>
                          <td width="100"><a href="#">夏日么么茶</a></td>
                          <td>肤质：混合型</td>
                          <td>年龄：21岁</td>
                          <td width="135">2012-11-21 00:13:45</td>
                        </tr>
                      </thead>
                      <tbody>
                        <tr>
                          <td colspan="4"><p class="text"> 亲爱的,你没有说你皮肤的状况诶,我真的很难给你意见,你现在的皮肤会比较容易过敏么???有没有毛孔啊,豆豆啊,豆疤啊什么样的问题,我只能建议你这两个月早睡早起.这样人比较精神,什么黑眼圈啊什么的都不会有,皮肤状态会比较好,饮食要注意,科学合理.少吃刺激的,多吃些有益美容的,多喝水,绿茶啊,玫瑰花茶啊什么的,从内而外.护肤品你可以用些比较温和安全无刺激的,薇姿啊雅漾啊什么.你可以去专柜问问.. </p></td>
                        </tr>
                      </tbody>
                    </table>
                  </div>
                  <div class="papaws-bot"></div>
                  <b class="papaws-arr"></b> </div>
                <!-- /.papaws --> 
              </li>
            </ul>
            
            <!--page2-->
            <div class="ui-page"> <span class="ui-page-item ui-page-first">首页</span> <a href="" class="ui-page-item ui-page-prev">上一页</a> <a href="" class="ui-page-item ui-page-current">1</a> <a href="" class="ui-page-item">2</a> <a href="" class="ui-page-item">3</a> <a href="" class="ui-page-item">4</a> <a href="" class="ui-page-item">5</a> <a href="" class="ui-page-item">6</a> <span class="ui-page-break">…</span> <a href="" class="ui-page-item">7</a> <a href="" class="ui-page-item">8</a> <a href="" class="ui-page-item ui-page-next">下一页</a> <span class="ui-page-item ui-page-last">末页</span> </div>
            <!--page2--> 
            
          </div>
          <!-- /.box-shadow-con --> 
          <!-- .box-shadow-bot -->
          <div class="box-shadow-bot"></div>
          <!-- /.box-shadow-bot --> 
        </div>
        <!--/试用报告--> 
        
        
        
      </div>
      <div class="M_sidebar"> 
        <!--登陆后-->
        <div class="info_cont">
          <div class="title"> <strong class="name"><a href="">用户名用户名用户名</a></strong> <i class="Tri-dow-right"></i>
            <div class="fr"><a href="">退出</a></div>
          </div>
          <div class="info_user">
            <div class="face"><a href=""><img src="../images/temp/temp_60x60.png" alt="" /></a></div>
            <div class="option"><a href="">申请试用成功(1) </a><a href="">等待提交报告(1) </a><a href="">试用消息(2) </a></div>
          </div>
          <ul class="list_item1">
            <li>
              <div class="fr"><a href=""><img src="../images/temp/temp_60x60_2.png" alt="" /></a></div>
              <b><a href="">名称名称名称</a></b>
              <p><span>已发货</span><a href="" class="M_btn1">提交试用报告</a></p>
            </li>
            <li>
              <div class="fr"><a href=""><img src="../images/temp/temp_60x60_2.png" alt="" /></a></div>
              <b><a href="">名称名称名称</a></b>
              <p><a href="">已申请成功  马上查看&gt;&gt; </a></p>
            </li>
          </ul>
        </div>
        <!--/登陆后--> 
        <!--试用预告-->
        <div class="side_title1">试用预告</div>
        <div class="info_cont">
          
          <div class="roll_side">
            <ul class="roll">
                  <li>
                <div class="title1"><b>2012</b>年<b>12</b>月<b>22</b>日<span>即将推出1</span></div>
                <div class="fl"><a href=""><img src="../images/temp/temp_118x118_1.png" alt="" /></a></div>
                <div class="cont">
                      <p><a href="">品牌品牌品牌品牌品牌品牌品牌品牌1</a></p>
                      <p><em>参考价格：</em>233RMB</p>
                      <p><em>规　　格：</em>15ml</p>
                      <p><em>数　　量：</em>15份</p>
                      <p><a href="" class="M_btn2"><span>订阅提醒<i>&#9658;</i></span></a></p>
                    </div>
              </li>
                  <li>
                <div class="title1"><b>2012</b>年<b>12</b>月<b>22</b>日<span>即将推出2</span></div>
                <div class="fl"><a href=""><img src="../images/temp/temp_118x118_1.png" alt="" /></a></div>
                <div class="cont">
                      <p><a href="">品牌品牌品牌品牌品牌品牌品牌品牌2</a></p>
                      <p><em>参考价格：</em>233RMB</p>
                      <p><em>规　　格：</em>15ml</p>
                      <p><em>数　　量：</em>15份</p>
                      <p><a href="" class="M_btn2"><span>订阅提醒<i>&#9658;</i></span></a></p>
                    </div>
              </li>
                </ul>
            <a href="" class="side_prev"></a> <a href="" class="side_next"></a> 
          </div>
        </div>
        <!--/试用预告--> 
        <!--热门试用-->
        <div class="art_cont">
          <div class="title">
            <div class="side_title5"><a href="" title="热门试用">热门试用</a></div>
          </div>
          <div class="inner">
            <ul class="list2">
              <li>
                <div class="fl"><a href=""><img src="../images/temp/temp_118x118_1.png" alt="" /></a></div>
                <div class="cont">
                  <p><a href="">品牌品牌品牌品牌品牌品牌品牌品牌1</a></p>
                  <p><em>参考价格：</em>233RMB</p>
                  <p><em>规　　格：</em>15ml</p>
                  <p><em>数　　量：</em>15份</p>
                  <p><em>申请日期：</em>10.27-10.11</p>
                  <p><a href="" class="M_btn3"><span>申请试用<i>►</i></span></a></p>
                </div>
              </li>
              <li class="noborder">
                <div class="fl"><a href=""><img src="../images/temp/temp_118x118_1.png" alt="" /></a></div>
                <div class="cont">
                  <p><a href="">品牌品牌品牌品牌品牌品牌品牌品牌1</a></p>
                  <p><em>参考价格：</em>233RMB</p>
                  <p><em>规　　格：</em>15ml</p>
                  <p><em>数　　量：</em>15份</p>
                  <p><em>申请日期：</em>10.27-10.11</p>
                  <p><a href="" class="M_btn3"><span>申请试用<i>►</i></span></a></p>
                </div>
              </li>
            </ul>
          </div>
        </div>
        <!--/热门试用--> 
        <!--试用攻略-->
        <div class="art_cont">
          <div class="title">
            <div class="side_title3"><a href="" title="试用攻略">试用攻略</a></div>
          </div>
          <div class="inner"> <strong>达人分享有助试用申请通过的秘籍：</strong>
            <ul class="list1">
              <li>1、根据要求认真填写申请宣言，是申请得到管理员注意的敲门砖；</li>
              <li>2、完善各项资料，有助于让管理员了解更真实的你</li>
              <li>3、图文并茂的试用报告是反馈试用感受的最优形式，凡提交过“最佳试用报告”的会员将优先获得试用权。最佳报告数量越多，申请成功率越大！</li>
            </ul>
          </div>
        </div>
        <!--/试用攻略--> 
        <!--常见问题-->
        <div class="art_cont">
          <div class="title">
            <div class="side_title4"><a href="" title="常见问题">常见问题</a></div>
          </div>
          <div class="inner">
            <div class="title1"> <i class="icon_q"></i><b>：为什么我提交不了试用申请？</b> </div>
            <p class="text1"><i class="icon_a fr"></i>完整填写并提交试用申请资料，成功提交后，通过审核才能获得试用资格。系统将依据申请者的个人状况并结合其在化妆品库已发表的产品心得和活跃程度来挑选。因此您可以在化妆品库和品牌专区多多发表点评，同时也要注重评论的质量。</p>
            <div class="title1"> <i class="icon_q"></i><b>：为什么我提交不了试用申请？</b> </div>
            <p class="text1"><i class="icon_a fr"></i>完整填写并提交试用申请资料，成功提交后，通过审核才能获得试用资格。系统将依据申请者的个人状况并结合其在化妆品库已发表的产品心得和活跃程度来挑选。因此您可以在化妆品库和品牌专区多多发表点评，同时也要注重评论的质量。</p>
          </div>
        </div>
        <!--/常见问题--> 
        <!--试用合作-->
        <div class="note_cont">
          <div class="title"><strong>试用合作<span>Business Cooperation</span></strong></div>
          <ul class="list_text1">
            <li>联系人：张小毛女士</li>
            <li>电　话：010-596888888</li>
            <li>邮　箱：XXX@Condenast.com.cn</li>
          </ul>
        </div>
        <!--/试用合作--> 
      </div>
    </div>
    <!--end 内容--> 
    
    <!--页尾-->
    <div class="footer">
      <div class="sitemap">
        <div class="sitemap-nav">
          <h2 class="channel"><a target="_blank" href="http://www.self.com.cn/map.html">site map 网站地图</a></h2>
        </div>
        <div class="sitemap-body clearfix">
          <ul>
            <li class="mr">
              <h3><a target="_blank" href="http://beauty.self.com.cn/" class="tt">美容护肤</a></h3>
              <p class="mr-l"> <a target="_blank" href="http://beauty.self.com.cn/openbox/">开箱报告</a> <a target="_blank" href="http://beauty.self.com.cn/selfgirl/">美丽变身</a> <a target="_blank" href="http://beauty.self.com.cn/dodont/">Dos & Don'ts </a> <a target="_blank" href="http://beauty.self.com.cn/skincare/">护肤保养 </a> <a target="_blank" href="http://beauty.self.com.cn/makeover/">美妆心机</a> <a target="_blank" href="http://beauty.self.com.cn/hairstyle/">美发屋</a> <a target="_blank" href="http://beauty.self.com.cn/fragrance/">香氛</a> <a target="_blank" href="http://beauty.self.com.cn/starlook/">明星梳妆台</a> </p>
              <p class="mr-r"> <a target="_blank" href="http://beauty.self.com.cn/beauty365/">美容365</a> <a target="_blank" href="http://beauty.self.com.cn/news/">美容情报</a> <a target="_blank" href="http://beauty.self.com.cn/selfmirror/">悦己化妆间</a> <a target="_blank" href="http://beauty.self.com.cn/feature/">专题</a> <a target="_blank" href="http://brand.self.com.cn/product/cosmetics/">化妆品库</a> <a target="_blank" href="http://brand.self.com.cn/product/fashion/">时装名录</a> <a target="_blank" href="http://brand.self.com.cn/">品牌库</a> </p>
            </li>
            <li class="cl">
              <h3><a target="_blank" href="http://fashion.self.com.cn/" class="tt">潮流穿搭</a></h3>
              <a target="_blank" href="http://fashion.self.com.cn/selfstyle/">潮流穿搭</a> <a target="_blank" href="http://fashion.self.com.cn/dodont/">Dos & Don'ts</a> <a target="_blank" href="http://fashion.self.com.cn/accessories/">鞋包配饰</a> <a target="_blank" href="http://fashion.self.com.cn/news/">流行情报 </a> <a target="_blank" href="http://fashion.self.com.cn/streetsnap/">全球街拍</a> <a target="_blank" href="http://fashion.self.com.cn/starlook/">明星衣橱</a> <a target="_blank" href="http://fashion.self.com.cn/accademy/">时装学院</a> <a target="_blank" href="http://fashion.self.com.cn/smartbuy/">悦消费</a> <a target="_blank" href="http://fashion.self.com.cn/feature/">专题</a> </li>
            <li class="cz">
              <h3><a target="_blank" href="http://women.self.com.cn/" class="tt">成长</a></h3>
              <a target="_blank" href="http://women.self.com.cn/bookshelf/">悦己书房</a> <a target="_blank" href="http://women.self.com.cn/office/">职场小宇宙 </a> <a target="_blank" href="http://women.self.com.cn/mememe/">心灵故事</a> <a target="_blank" href="http://women.self.com.cn/finace/">财务独立</a> <a target="_blank" href="http://women.self.com.cn/feature/">专题</a> </li>
            <li class="nv">
              <h3><a target="_blank" href="http://relation.self.com.cn/" class="tt">男女</a></h3>
              <a target="_blank" href="http://relation.self.com.cn/love/">两性情感</a> <a target="_blank" href="http://relation.self.com.cn/hisview/">悦己亚当</a> <a target="_blank" href="http://relation.self.com.cn/bride/">悦己新娘</a> <a target="_blank" href="http://relation.self.com.cn/feature/">专题</a> </li>
            <li class="jk">
              <h3><a target="_blank" href="http://health.self.com.cn/" class="tt">健康</a></h3>
              <a target="_blank" href="http://health.self.com.cn/healthtips/">健康主张</a> <a target="_blank" href="http://health.self.com.cn/nurturingdiet/">养生锦囊</a> <a target="_blank" href="http://health.self.com.cn/mind/">心理健康</a> <a target="_blank" href="http://health.self.com.cn/keepfit/">快乐瘦身</a> <a target="_blank" href="http://health.self.com.cn/sex/">性福幸福</a> <a target="_blank" href="http://health.self.com.cn/sexsurvey/">性趣调查</a> <a target="_blank" href="http://health.self.com.cn/dodont/">Dos & Don'ts</a> <a target="_blank" href="http://health.self.com.cn/feature/">专题</a> </li>
            <li class="lh">
              <h3><a target="_blank" href="http://life.self.com.cn/" class="tt">乐活</a></h3>
              <a target="_blank" href="http://life.self.com.cn/travel/">旅行</a> <a target="_blank" href="http://life.self.com.cn/cruisine/">美食</a> <a target="_blank" href="http://life.self.com.cn/home/">家居</a> <a target="_blank" href="http://life.self.com.cn/movie/">电影</a> <a target="_blank" href="http://life.self.com.cn/music/">音乐</a> <a target="_blank" href="http://life.self.com.cn/pets/">宠物</a> <a target="_blank" href="http://life.self.com.cn/charity/">公益</a> <a target="_blank" href="http://life.self.com.cn/feature/">专题</a> </li>
            <li class="yl">
              <h3><a target="_blank" href="http://entertainment.self.com.cn/" class="tt">人物</a></h3>
              <a target="_blank" href="http://fashion.self.com.cn/starlook/">明星衣橱</a> <a target="_blank" href="http://beauty.self.com.cn/starlook/">明星梳妆台</a> <a target="_blank" href="http://entertainment.self.com.cn/stars/">悦己缪斯 </a> <a target="_blank" href="http://entertainment.self.com.cn/interview/">悦己访谈</a> 
              <!--a target="_blank" href="http://entertainment.self.com.cn/feature/">专题</a--> 
            </li>
            <li class="hd">
              <h3><a target="_blank" href="http://bbs.self.com.cn/" class="tt">互动 </a></h3>
              <a target="_blank" href="http://bbs.self.com.cn/">论坛</a> <a target="_blank" href="http://space.self.com.cn/">博客</a> <a target="_blank" href="http://t.self.com.cn/">悦己说</a> </li>
            <li class="yy">
              <h3><a target="_blank" href="http://www.self.com.cn/" class="tt">应用 </a></h3>
              <a target="_blank" href="http://beauty.self.com.cn/beauty365/">美容365</a> <a target="_blank" href="http://health.self.com.cn/sexsurvey/">性趣调查 </a> </li>
            <li class="zz">
              <h3><a target="_blank" href="http://www.self.com.cn/magazine/" class="tt">杂志</a></h3>
            </li>
          </ul>
        </div>
      </div>
      <div class="site-info">
        <div class="condenast-nav clearfix">
          <p>康泰纳仕集团中国网站：<a href="http://www.vogue.com.cn/" target="_blank">VOGUE时尚网</a><span>-</span><a href="http://www.gq.com.cn/" target="_blank">GQ男士网</a><span>-</span><a href="http://www.self.com.cn/" target="_blank">SELF悦己女性网</a><span>-</span><a href="http://www.adstyle.com.cn/" target="_blank">安邸AD家居生活网</a></p>
        </div>
        <div class="footer-nav clearfix">
          <div class="clearfix"> <a href="http://www.self.com.cn/" target="_blank" class="self-logo"></a>
            <p><a href="http://www.self.com.cn/company.html" target="_blank">关于我们</a><span>-</span><a href="http://www.condenastsub.com.cn/order_self.php?source=selfwww" target="_blank">订阅杂志</a><span>-</span><a href="http://www.self.com.cn/cooperation.html" target="_blank">合作伙伴</a><span>-</span><a href="http://job.self.com.cn/" target="_blank">招聘信息</a><span>-</span><a href="http://www.self.com.cn/contactus.html" target="_blank">联系我们</a><span>-</span><a href="http://www.self.com.cn/map.html" target="_blank">网站地图</a><span>-</span><a href="http://www.self.com.cn/privacy.html" target="_blank">隐私权声明</a><span>-</span><a href="http://www.self.com.cn/copyright.html" target="_blank">版权声明</a></p>
          </div>
          <div class="copyright">Copyright Condenast China 版权所有 北京风华创想网络有限公司<br />
            京ICP 证070504号 京网文[2010] 0398-013号 京公网安备：110105001275</div>
        </div>
      </div>
    </div>
    <!--end 页尾--> 
  </div>
</div>
<script type="text/javascript">
// Tab 带展开收起
$(function(){
	
	  
		 Initialization();
		$(".idTabs li>a").click(function(){
		  	var tabIndex = $(this).parent().index();
		  	$('[node-type="tab-s3-contents"]').eq(tabIndex).show();
				restoreInitialization();
		  	$(".Tri-top").attr('class','Tri-dow'); //单击tab箭头换方向
		  	$(this).parent().attr("class","cur").siblings().removeClass(); //切换样式
	  });
			
		//点击三角的事件
		$(".Tri-top").live("click",function(){
			  restoreInitialization();
			  $(this).attr('class','Tri-dow').siblings().children().eq(0).attr('class','cur');
		    $(this).parent().next().show();
		});
			
		//点击反方向三角的事件
		$(".Tri-dow").live("click",function(){
			  Initialization();
		  	$(this).attr('class','Tri-top').siblings().children().removeClass();
				$(this).parent().siblings().hide();
		});
		
		//初始化
	  function Initialization(){
		  	$('#tab-s3-wrap .box-shadow-con').css('height','39'); 
	  }
		//展开还原初始化
		function restoreInitialization(){
		  	$('#tab-s3-wrap .box-shadow-con').css('height','auto');
	  }
});
</script> 
<script type="text/javascript" src="../js/infoToggle.js"></script> 
<script src='../js/jquery.switchable-2.0.min.js'></script> 
<script type="text/javascript">
     $(function() {
          $('.roll_side > .roll').switchable({
            panels: 'li',
            triggers: '&bull;',
            putTriggers: 'insertBefore',
            effect: 'fade',
            /* fade effect only supports steps == 1 */
            // steps: 1,
            easing: 'ease',
            loop: true,
            prev: '.side_prev',
            next: $('.side_next'),
            onSwitch: function(event, currentIndex) {
              var api = this;
              api.prevBtn.toggleClass('disabled', currentIndex === 0);
              api.nextBtn.toggleClass('disabled', currentIndex === api.length - 1);
            }
          });
        });
      $(function() {
      $('.roll_product ').switchable({
          panels: '.infos-wrap ',
          triggers: '',
          putTriggers: 'insertBefore',
          effect: 'fade',
          /* fade effect only supports steps == 1 */
          // steps: 1,
          easing: 'ease',
          loop: true,
          prev: '.box_prev',
          next: $('.box_next'),
          onSwitch: function(event, currentIndex) {
            var api = this;
            api.prevBtn.toggleClass('disabled', currentIndex === 0);
            api.nextBtn.toggleClass('disabled', currentIndex === api.length - 1);
          }
        });
    });
</script> 
<script src="http://js.selfimg.com.cn/self/www/js/logindialog.js" type="text/javascript"></script> 
<script>
$(document).ready(function(){
SELF.Top.bindAfterLogin();
SELF.Top.bindAfterLogout(); 
})
</script> 
<script src="http://js.self.com.cn/statistics/total.js" type="text/javascript"></script><!--iresearch--> 
<script type="text/javascript">
var _iwt_UA="UA-self-000001";
(function (D) {
var h=D.getElementsByTagName('head')[0],
s=D.createElement('script');
s.type='text/javascript';
s.charset='utf-8';
s.src='http://js.selfimg.com.cn/self/www/js/iwt.js';
h.firstChild?h.insertBefore(s,h.firstChild):h.appendChild(s);
})(document);
</script> 

<!--GA--> 
<script type="text/javascript">
try {
var _gaq = _gaq || []; 
_gaq.push(['selfTracker._setAccount', 'UA-1848314-1']);
_gaq.push(['selfTracker._setDomainName', '.self.com.cn']);
_gaq.push(function() {
var selfTracker = _gat._getTrackerByName('selfTracker');
if(window._s_c_d_) {
_s_c_d_.detectChannel(selfTracker);
}
});
_gaq.push(['selfTracker._setAllowHash', false]);
_gaq.push( ['selfTracker._trackPageview']);
} catch(err) {}
</script> 
<script src="http://js.selfimg.com.cn/self/www/js/selfchannel.js" type="text/javascript"></script> 
<script type="text/javascript"> (function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script> 

<!--百度--> 
<script type="text/javascript">
var _bdhmProtocol = (("https:" == document.location.protocol) ? " https://" : " http://");
document.write(unescape("%3Cscript src='" + _bdhmProtocol + "hm.baidu.com/h.js%3F6f33fbaa77cc1f26cabae24ffe94f1f0' type='text/javascript'%3E%3C/script%3E"));
</script>


<script type="text/javascript" src="../js/jsapi.js"></script>
<script type="text/javascript">

      // Load the Visualization API and the piechart package.
      google.load('visualization', '1.0', {'packages':['corechart']});

      google.setOnLoadCallback(drawChart);

      function drawChart() {
        var data = new google.visualization.DataTable();
        data.addColumn('string', '功效');
        data.addColumn('number', 'Slices');
        data.addRows([
          ['美白', 3],
          ['保湿', 1],
          ['控油', 1],
          ['滋润', 1],
          ['紧致毛孔', 2],
          ['去黑头', 2],
          ['除皱', 2],
          ['抗氧化', 2],
          ['遮瑕', 2],
          ['防辐射', 2]
        ]);

        var options = {'title':'',
                       'width':316,
                       'height':210,
                       'is3D': true,
                       chartArea:{left:40,top:20,width:"80%",height:"80%"},
                       colors: ['#E4007F',"#AE0061","#FFB1DC","#703656","#FF5470","#FF5479","#FF46E3","#DF0047","#E70217","#C30234"],
                       tooltip: {textStyle:{color: '#666', fontSize: 12}},
                       legend: {textStyle: {color: '#d3d3d3', fontSize: 12}}
                     };
        var chart = new google.visualization.PieChart(document.getElementById('chart_div'));
        chart.draw(data, options);
    
    
    /**/
    $('#skin-column dd li').each(function(){
      var oNum=$(this).children();
      var arr=$(this).attr('data-value');
      $(this).mouseenter(function(){
        oNum.addClass('shows');
        oNum.html(arr);
      });
      $(this).mouseleave(function(){
        oNum.removeClass('shows');
      });
    })
    
    
    /**/
    $('.tab-wrap span').each(function(){
      var oNum=$(this).children();
      var arr=$(this).attr('data-value');
      $(this).mouseenter(function(){
        oNum.addClass('shows');
        oNum.html(arr);
      });
      $(this).mouseleave(function(){
        oNum.removeClass('shows');
      });
    })
}
</script>
</body>
</html>
